﻿@model Morgma.Infographics.Models.GoogleInfographicsSettingsPart
@using Morgma.Infographics.Models;

<fieldset>
	<legend>@T("QR Codes for Content")</legend>
	<div>
		@Html.LabelFor(m => m.GoogleInfographicsApiUrl, T("Google Infographics API Url"))
		@Html.EditorFor(m => m.GoogleInfographicsApiUrl)
		@Html.ValidationMessage(T("The Url for the API is invalid").ToString(), "*")
		<span class="hint">@T("This is probably still https://chart.googleapis.com/chart")</span>
	</div>
	<div>
	<div>
		@Html.LabelFor(m => m.ImageHeight, T("Height of Generated Image"))
		@Html.EditorFor(m => m.ImageHeight)
		@Html.ValidationMessage(T("The height is invalid").ToString(), "*")
	</div>
	<div>
		@Html.LabelFor(m => m.ImageWidth, T("Width of Generated Image"))
		@Html.EditorFor(m => m.ImageWidth)
		@Html.ValidationMessage(T("The width is invalid").ToString(), "*")
	</div>
	<span class="hint">@T("For best results, keep width and height the same for QR Codes")</span>
	</div>
	<div>
		@Html.LabelFor(m => m.Margin, T("Whitespace around QR Codes"))
		@Html.EditorFor(m => m.Margin)
		@Html.ValidationMessage(T("The margin valid is invalid").ToString(), "*")
		<span class="hint">@T("This measure is in 'rows'. If you don't understand this QR code concept, ")
			<a target="_blank" href="https://developers.google.com/chart/infographics/docs/qr_codes">@T("click here ")</a> 
			@T("before you change it.")
		</span>
	</div>
</fieldset>